<template>
    <formCpn :fromList="fromList" @searchData="searchData" @addTrue="addTrue" />
    <tableCpn :columns="columns" :tableData="tableData" @changebtn="changeBtn" :loading="loading" />
    <paginatioCpn :total="total" :pagination="pagination" @handleCurrentChange="handleCurrentChange" />
</template>
-
<script setup lang="ts">
import { defineProps, defineEmits } from 'vue';
import tableCpn from './components/table/index.vue';
import paginatioCpn from './components/pagination/index.vue';
import formCpn from './components/form/index.vue';
let emit = defineEmits(['changebtn', 'handleCurrentChange', 'searchData', 'addTrue']);
defineProps({
    columns: {
        type: Array
    },
    tableData: {
        type: Array
    },
    total: {
        type: Number
    },
    pageNum: {
        type: String
    },
    pagination: {
        type: Object
    },
    loading: {
        type: Boolean
    },
    fromList: {
        type: Array
    }
});
function changeBtn(val: object): void {
    emit('changebtn', val);
}
function handleCurrentChange(val: number): void {
    emit('handleCurrentChange', val);
}
function searchData(val: object): void {
    emit('searchData', val);
}
function addTrue(): void {
    emit('addTrue');
}
// const columns: any = [
//     {
//         prop: 'date',
//         label: '时间'
//     },
//     {
//         prop: 'name',
//         label: '姓名'
//     },
//     {
//         prop: 'address',
//         label: '地址'
//     },
//     {
//         prop: 'imgUrl',
//         label: '图片',
//         type: 'img',
//         options: {
//             name: 'imgUrl',
//             style: {
//                 height: '50px',
//                 width: '50px'
//             }
//         }
//     },
//     {
//         prop: '',
//         label: '操作',
//         type: 'button',
//         options: [
//             {
//                 id: 1,
//                 btnName: '编辑'
//             },
//             {
//                 id: 2,
//                 type: 'danger',
//                 btnName: '新增'
//             }
//         ]
//     }
// ];
</script>

<style scoped lang="scss"></style>
